<html>
<head>
<title>Options</title>
<link
	rel="stylesheet"
	href="jquery-ui-1.10.1.custom.min.css"
/>
<link
	rel="stylesheet"
	href="options.css"
/>
<script
	src="jquery-1.9.1.js"
	type="text/javascript"
></script>
<script
	src="jquery-ui-1.10.1.custom.min.js"
	type="text/javascript"
></script>
<script
	src="tablesort.js"
	type="text/javascript"
></script>
</head>
<body>
	<div id="status">&nbsp;</div>
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Field Partners</a></li>
			<li><a href="#tabs-2">Settings</a></li>
			<li><a href="#tabs-3">About</a></li>
		</ul>
		<div id="tabs-1">
			<button id="save">Save Changes</button>
			<button
				id="fetch"
				title="Update the partner information with current data"
			>Update Data</button>
			<div
				id="lastUpdatePartnerCount"
				class="floatRight"
			>
				<span id="partnerLastUpdate"></span> <br /> <span id="partnerCount"></span>
			</div>
			<div
				id="dialog"
				title="Import Database"
			>
				<p>Insert the content of a previously exported database below:</p>
				<textarea
					id="data"
					style="display: none;"
					rows="10"
					cols="120"
				></textarea>
			</div>
			<br /> <br /> <br />
			<div id="manage">
				<div class="floatRight">
					<button
						id="reset"
						title="Delete all stored partner data"
					>Reset Database</button>
					<br />
					<button
						id="importDb"
						title="Import previously exported partner data"
					>Import Database</button>
					<br /> <a
						id="dbdl"
						title="Save your partner data as a file"
					>Export Database</a>
				</div>
				<div id="accordion">
					<h3>Select Filters</h3>
					<div>
						<button
							id="filterRed"
							title="Filter all MFIs with a red leaf"
						>Red Rated</button>
						<button
							id="filterYellow"
							title="Filter all MFIs with a yellow leaf"
						>Yellow Rated</button>
						<button
							id="filterNotRated"
							title="Filter all MFIs with a exclamation-mark leaf"
						>Unrated</button>
						<br />
						<button
							id="filterKivaNon"
							title="Filter all unrated MFIs"
						>Kiva Rating 0</button>
						<button
							id="filterKivaOne"
							title="Filter all MFIs with 1 and 1.5 Kiva stars"
						>Kiva Rating 1</button>
						<button
							id="filterKivaTwo"
							title="Filter all MFIs with 2 and 2.5 Kiva stars"
						>Kiva Rating 2</button>
						<br />
						<button
							id="filterReligious"
							title="Filter all religious MFIs"
						>Religious</button>
					</div>
					<h3>De-Select Filters</h3>
					<div>
						<button
							id="filterAllOff"
							title="Unfilter all MFIs"
						>All</button>
						<br />
						<button
							id="filterKivaThree"
							title="Unfilter all MFIs with 3 and 3.5 Kiva stars"
						>Kiva Rating 3</button>
						<button
							id="filterKivaFour"
							title="Unfilter all MFIs with 4 and 4.5 Kiva stars"
						>Kiva Rating 4</button>
						<button
							id="filterKivaFive"
							title="Unfilter all MFIs with 5 Kiva stars"
						>Kiva Rating 5</button>
					</div>
					<h3>Select Highlights</h3>
					<div>
						<button
							id="highlightTop"
							title="Highlight all MFIs with a green+ leaf"
						>Top Rated</button>
						<button
							id="highlightHigh"
							title="Highlight all MFIs with a green leaf"
						>High Rated</button>
						<button
							id="highlightKivaFive"
							title="Highlight all MFIs with 5 Kiva stars"
						>Kiva Rating 5</button>
						<br />
						<button
							id="highlightNonReligious"
							title="Highlight all Non-Religious MFIs"
						>Non-Religious</button>
						<button
							id="highlightReligious"
							title="Highlight all Religious MFIs"
						>Religious</button>
						<button
							id="highlightSocial"
							title="Highlight all socially active MFIs"
						>Socially active</button>
					</div>
					<h3>De-Select Highlights</h3>
					<div>
						<button
							id="highlightAllOff"
							title="Unhighlight all MFIs"
						>All</button>
						<button
							id="highlightNoStarsOff"
							title="Unhighlight all unrated MFIs"
						>Kiva Rating 0</button>
						<button
							id="highlightOneStarOff"
							title="Unhighlight all MFIs with 1 and 1.5 Kiva stars"
						>Kiva Rating 1</button>
						<br />
						<button
							id="highlightNonReligiousOff"
							title="Unhighlight all Non-Religious MFIs"
						>Non-Religious</button>
						<button
							id="highlightReligiousOff"
							title="Unhighlight all Religious MFIs"
						>Religious</button>
						<button
							id="highlightSocialOff"
							title="Unhighlight all socially active MFIs"
						>Socially active</button>
					</div>
				</div>
			</div>
			<br /> <br />
			<div id="list">
				<table id="mfi_list">
					<tr>
						<th><a
							href="#"
							id="sortFilter"
						>Filter</a> <img
							title="Entries where this checkbox is checked will be hidden while browsing Kiva"
							src="../gfx/help.png"
							alt="Help"
						/></th>
						<th><a
							href="#"
							id="sortHighlight"
						>Highlight</a> <img
							title="Entries where this checkbox is checked will be highlighted from other entries"
							src="../gfx/help.png"
							alt="Help"
						/></th>
						<th colspan="3"><a
							href="#"
							id="sortScore"
						>User Rating</a> <img
							title="The external ratings (like from AASFSHNR) for this MFI"
							src="../gfx/help.png"
							alt="Help"
						/></th>
						<th><a
							href="#"
							id="sortRating"
						>Kiva Rating</a> <img
							title="The Kiva rating for this MFI"
							src="../gfx/help.png"
							alt="Help"
						/></th>
						<th><a
							href="#"
							id="sortPartnerId"
						>ID</a> <img
							title="The id of the Kiva Partner"
							src="../gfx/help.png"
							alt="Help"
						/></th>
						<th><a
							href="#"
							id="sortPartnerName"
						>Partner Name</a> <img
							title="The name of the Kiva Partner"
							src="../gfx/help.png"
							alt="Help"
						/></th>
						<th>Comment&nbsp;<img
							title="Any comments you want to add to this Kiva Partner, like why you decided to filter or highlight it"
							src="../gfx/help.png"
							alt="Help"
						/></th>
					</tr>
				</table>
			</div>
		</div>
		<div id="tabs-2">
			<button id="save2">Save Changes</button>
			<br /> <br />
			<div style="height: 500px;">
				<input
					type="checkbox"
					id="state"
					checked="checked"
				/> <label for="state">Filter on</label>&nbsp;<img
					title="Hides filtered MFIs if checked"
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="checkbox"
					id="showRatingStars"
					checked="checked"
				/> <label for="showRatingStars">Show ratings (enabling this may affect performance)</label>&nbsp;<img
					title="Displayes the MFI ratings as stars if checked"
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="checkbox"
					id="autoUpdate"
					checked="checked"
				/> <label for="autoUpdate">Auto Update</label>&nbsp;<img
					title="Automatically updates the partner list and other external data if checked"
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="checkbox"
					id="enableAa"
					checked="checked"
				/> <label for="enableAa">Load AASFSHNR MFI ratings</label>&nbsp;<img
					title="Automatically loads the AASFSHNR secular/social MFI ratings if checked"
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <br />
				<div style="width: 200px; height: 250px; float: right; font-size: 0.75em;">
					/*&nbsp;Use CSS syntax to customize how filtered and highlighted items should appear.&nbsp;*/ <br />
					<br />/*&nbsp;hide item&nbsp;*/<br />
					<code>display: none;</code>
					<br /> <br />/*&nbsp;discreet light green background&nbsp;*/<br />
					<code>background-color: #DBF1DB;</code>
					<br> <br>
					<code>/* sky blue background with light green 3D border */</code>
					<br>
					<code>background-color: #F0F8FF; border:4px groove #98FB98;</code>
				</div>
				<label for="realHidden">Code for filtered and invisible items:</label>&nbsp;<img
					title="This rule determines how filtered items are formated. Default is to hide them entirely"
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="text"
					id="realHidden"
					size="40"
				/><br /> <br /> <label for="colorHidden">Code for filtered but visible items:</label>&nbsp;<img
					title="This rule determines how filtered but manually re-displayed items are formated. Default is to color them light red"
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="text"
					id="colorHidden"
					size="40"
				/><br /> <br /> <label for="colorHighlight">Code for highlighted items:</label>&nbsp;<img
					title="This rule determines how highlighted (favorite) items are formated. Default is to color them light green"
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="text"
					id="colorHighlight"
					size="40"
				/>
			</div>
		</div>
		<div id="tabs-3">
			<div style="display: inline;">
				<a
					href="http://www.kiva.org/invitedto/environmental_lendors/by/toby9767"
					target="_blank"
				> <img
					src="../gfx/gogreen.jpg"
					alt=""
				/></a>
			</div>
			<div style="display: inline-block; vertical-align: top;">
				<span style="font-weight: bold;">MFI Filter for Kiva</span> v0.3<br /> <a
					style="text-decoration: none;"
					href="http://www.kiva.org/invitedto/environmental_lendors/by/toby9767"
					target="_blank"
				><span style="color: #4b9123; font-size: 0.75em; font-weight: bold;">Powered by Give
						Green</span></a> <img
					src="../gfx/link.png"
					alt=""
				/> <br /> <a
					style="text-decoration: none;"
					href="http://www.tinyurl.com/AASFSHNR-MFIs"
					target="_blank"
				><span style="font-size: 0.75em; font-weight: bold;">Inspired by the AASFSHNR MFI list</span></a> <img
					src="../gfx/link.png"
					alt=""
				/>
			</div>
			<br /> <br />
			<div style="text-align: center; font-size: 0.80em;">
				<a
					style="text-decoration: none;"
					href="http://atheist-monkey.blogspot.ie/"
					target="_blank"
					style="font-weight: bold;"
				><span style="font-weight: bold;">Special thanks to AASFSHNR for their feedback and the
						permission to use the AASFSHNR MFI list data!</span></a> <img
					src="../gfx/link.png"
					alt=""
				/>
			</div>
			<br /> <br />
			<div style="text-align: center; font-size: 0.75em;">
				<span style="font-weight: bold; font-size: 0.8em;">Third-party content / contributions:</span><br />
				Icons: <a
					href="http://p.yusukekamiyamane.com"
					target="_blank"
				>p.yusukekamiyamane</a> <img
					src="../gfx/link.png"
					alt=""
				/>, Options UI: <a
					href="https://adblockplus.org/en/chrome"
					target="_blank"
				>Adblock Plus</a> <img
					src="../gfx/link.png"
					alt=""
				/>, <a
					href="http://jqueryui.com/tabs/"
					target="_blank"
				>jQuery UI</a> <img
					src="../gfx/link.png"
					alt=""
				/>, Rating function: <a
					href="http://www.itsalif.info/content/displaying-star-rating-using-css-sprites"
					target="_blank"
				>Alif</a> <img
					src="../gfx/link.png"
					alt=""
				/>
			</div>
			<br /> <br />
			<div
				style="width: 600px; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 0.8em;"
			>License</div>
			<div
				style="width: 600px; height: 150px; overflow: scroll; margin-left: auto; margin-right: auto; font-size: 0.75em;"
			>
				<p>
					Copyright &copy; 2013 <a
						href="https://code.google.com/p/chrome-mfi-filter4kiva/"
						target="_blank"
					>https://code.google.com/p/chrome-mfi-filter4kiva/</a> <img
						src="../gfx/link.png"
						alt=""
					/>
				</p>
				<p>This program is free software: you can redistribute it and/or modify it under the terms
					of the GNU General Public License as published by the Free Software Foundation, either version
					3 of the License, or (at your option) any later version.</p>
				<p>This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
					without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See
					the GNU General Public License for more details.</p>
				<p>You should have received a copy of the GNU General Public License along with this
					program. If not, see &lt;http://www.gnu.org/licenses/&gt;.</p>
			</div>
			<br />
		</div>
	</div>
	<script
		src="options.js"
		type="text/javascript"
	></script>
	<script
		src="ui.js"
		type="text/javascript"
	></script>
</body>
</html>
